@charset "utf-8";
@import "common";
$bgcolor-login:#f7f7f7;

header,.content{
	background-color: $bgcolor-login;
}
.content{
	position: absolute;
	top:heightRel(88px);
	bottom: heightRel(90px);
	width: 100%;
	overflow-x: hidden;
	padding: 0 3%;
	.logoImg{
		width: 52%;
		height: heightRel(224px);
		margin: heightRel(38px) auto;
		overflow: hidden;
		background: url(../img/icon-shop.png) no-repeat center center/100% 100%;
	}
	.username,.password{
		display: flex;
		align-content: center;
		align-items: center;
		width: 100%;
		height: heightRel(85px);
		line-height: heightRel(85px);
		background: white;
		border: 1px solid #dfdfdd;
		p{
			width: 17%;
			text-align: center;
		}
		input{
			width: 80%;
			height: 90%;
			border: none;
			padding-left: 1%;
			font-size: heightRel(28px);
		}
		input::-webkit-input-placeholder{
			color: #cccccc;
		}
	}
	.password{
		border-top:none ;
	}
	.submit-btn{
		width: 100%;
		margin-top:20px;
		margin-bottom:15px;
		display: block;
		background: #d62d31;
		height: heightRel(85px);
		line-height: heightRel(85px);
		border-radius: 10px;
		text-align: center;
		color: #ffffff;
		font-size: heightRel(32px);
	}
	.login-tips{
		display: flex;
		justify-content: space-between;
		a{
			color: #999999;
			font-size: heightRel(28px);
		}
	}
	.login-tip{
		padding: heightRel(30px) 0 heightRel(40px);
		width: 39%;
		height: heightRel(183px);
		background: rgba(0,0,0,.7);
		border-radius: 18px;
		position: absolute;
		top: heightRel(397px);
		left: 0;
		right: 0;
		margin: auto;
		display: none;
		.face{
			width: heightRel(71px);
			margin: 0 auto;
			height: heightRel(71px);
			overflow: hidden;
			img{
				width: 100%;
				height: 100%;
			}
		}
		p{
			text-align: center;
			color: white;
			font-size: heightRel(28px);
			margin-top: heightRel(14px);
			letter-spacing: 1px;
		}
	}
}

//pad宽度
@media screen and (min-width:768px){
	.content{
		.logoImg{
			height: heightRel2(224px);
		}
	}
}
